<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"  content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../../css/head.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/mui.picker.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/mui.poppicker.css"/>
    <link rel="stylesheet" href="../../css/mui.dtpicker.css">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/my/my.css">
    <link rel="stylesheet" href="../../css/my/personal_data.css">
</head>
<body>
<!----------------------------------头部信息------------------------------------------------->
<header class="mui-bar mui-bar-nav" style="background: #55555D;overflow: hidden">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
    <h1 class="mui-title">我的信息</h1>
</header>
<!----------------------------------我的信息资料公共页面------------------------------------->
<div class="mui-content" id="myInformationFirst">
    <ul class="mui-table-view">
        <li id="top" class="" style="">
            <a  href="javascript:;" style="text-align: center;">
                <div class="dispaly-flex">
                    <div class="round">
                        <img src="../../image/my/img_user@2x.png"/>
                    </div>
                    <div class="flex-1 myname-padding">
                        <span class="myname">欢迎您</span>
                        <span class="myname myPhoneNumber" >156264565</span>
                    </div>
                </div>
            </a>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/porson.png">姓名<input class="flex-1 input-border" placeholder="请输入" id="readName">
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/IDNumber.png">身份证号码
            <input class="flex-1 input-border" placeholder="请输入" id="carID">
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/occupation.png">职业身份
            <div class="xfpicker flex-1 text-right">
                <span id="identity">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/diploma.png">最高学历
            <div class="xfpicker flex-1 text-right">
                <span id="education">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/credit.png">信用情况
            <div class="xfpicker flex-1 text-right">
            <span id="credit">请选择</span>
            <span class="mui-icon mui-icon-arrowright"></span>
        </div>
        </li>

    </ul>
    <div class="text-center border-none">
        <span class="next" id="next">下一步</span>
    </div>
</div>
<!-----------------------------------学生党资料页面------------------------------------------>
<div id="student" class="mui-content dispaly-none">
    <ul class="mui-table-view">
        <li  class="person-background" style="">
            <a  href="javascript:;" style="text-align: center;">
                <div class="dispaly-flex">
                    <div class="round">
                        <img src="../../image/my/img_user@2x.png"/>
                    </div>
                    <div class="flex-1 myname-padding">
                        <span class="myname">欢迎您</span>
                        <span id="" class="myname myPhoneNumber">156264565</span>
                    </div>
                   <!-- <div class="flex-1 myname-padding">
                        <span class="data-integrity">资料完成度30%</span>
                        <div class="data-integrity-items">
                            <div class="data-integrity-item"></div>
                        </div>
                    </div>-->
                </div>
            </a>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/school.png">学校名称<input class="flex-1 input-border" id="schollName" placeholder="请输入">
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/schoolDate.png">入学时间
            <div class="xfpicker flex-1 text-right">
                <span id="EntranceTime">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/isTb.png">是否有淘宝账号
            <div class="xfpicker flex-1 text-right">
                <span id="isTaoId">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li  class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/jinji.png">紧急联系人
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/jinjiName.png">姓名
                <input class="flex-1 input-border" id="urgentName" placeholder="请输入">

        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/jinjiPhone.png">手机号码
            <input class="flex-1 input-border" id="urgentPhone" placeholder="请输入">
        </li>

    </ul>
    <div class="text-center border-none">
        <span class="success next" id="studentSuccess">完成</span>
    </div>
    <div class="text-center border-none">
        <span class="student-parp next">上一步</span>
    </div>
</div>
<!-----------------------------------上班族资料页面------------------------------------------>
<div id="officeWorker" class="mui-content dispaly-none">
    <ul>
        <li class="person-background" style="">
            <a  href="javascript:;" style="text-align: center;">
                <div class="dispaly-flex">
                    <div class="round">
                        <img src="../../image/my/img_user@2x.png"/>
                    </div>
                    <div class="flex-1 myname-padding">
                        <span class="myname">欢迎您</span>
                        <span class="myname myPhoneNumber" >156264565</span>
                    </div>
                </div>
            </a>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/companyType.png">公司类型
            <div class="xfpicker flex-1 text-right">
                <span id="companyType">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/workTime.png">工作年限
            <div class="xfpicker flex-1 text-right">
                <span id="workingLife">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/xinyong.png">是否有信用卡
            <div class="xfpicker flex-1 text-right">
                <span id="creditard">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/shebao.png">连续6个月以上缴纳社保
            <div class="xfpicker flex-1 text-right">
                <span id="socialSecurity">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
        <li class="mui-table-view-cell dispaly-flex">
            <img src="../../img/my/jijin.png">连续6个月以上缴纳公积金
            <div class="xfpicker flex-1 text-right">
                <span id="housingFund">请选择</span>
                <span class="mui-icon mui-icon-arrowright"></span>
            </div>
        </li>
    </ul>
    <div class="text-center border-none">
        <span class="success next" id="officeWorkerSuccess">完成</span>
    </div>
    <div class="text-center border-none">
        <span class="office-worker-studentPxp next" >上一步</span>
    </div>
</div>
<script src="../../js/mui.min.js"></script>
<script src="../../js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/mui.dtpicker.js"></script>
<script src="../../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/common.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/util.js"></script>
<script src="../../js/my/personal_data.js" defer="defer"></script>
<script>
</script>
</body>
</html>